<template>
  <div class="myHeader-container">
        <van-nav-bar
        fixed
        :title="title"
        :left-text="titleLeft"
        :right-text="titleRight"
        @click-left="$emit('onClickLeft')"
        @click-right="$emit('onClickRight')"
        left-arrow
        />
  </div>
</template>

<script>
export default {
  name: 'myHeader',
  components: {},
  props: {
    title: {
      type: String,
      default: '标题'
    },
    titleRight: {
      type: String,
      default: ''
    },
    titleLeft: {
      type: String,
      default: ''
    }
  },
  data () {
    return {

    }
  },
  computed: {},
  watch: {},
  created () {
  },
  mounted () {

  },
  methods: {
    // onClickLeft () {
    //   this.$router.go(-1)
    // }
  }
}
</script>

<style scoped lang="less">
.myHeader-container {
  height: 92px;
  border-bottom: 3px solid black;
  border-top: 3px solid black;
}
/deep/.van-icon-arrow-left::before {
  font-size: 60px;
  margin-left: -10px;
  font-weight: 800;
}
/deep/ .van-nav-bar__content {
  background-color: #02b6fd;
  /deep/ .van-nav-bar__arrow {
  color: #fff;
}
.van-nav-bar__text {
  color: orangered;
}
}

</style>
